<style lang='scss' type='stylesheet/scss' scoped>
.as-dropdown{
  margin-bottom: 10px;
}
</style>
<template>
  <as-card :text="text"
           title="通过插槽 slot 设置为 dropdown 来设置下拉菜单内容">
    <as-dropdown>
      <span>下拉菜单 <i class="el-icon-arrow-down"></i></span>
      <as-dropdown-menu slot="dropdown">
        <as-dropdown-item>看电影</as-dropdown-item>
        <as-dropdown-item>吃火锅</as-dropdown-item>
      </as-dropdown-menu>
    </as-dropdown>
  </as-card>
</template>

<script type="text/ecmascript-6">
import { mapGetters } from "vuex";
export default {
  name: "",
  computed: {
    ...mapGetters(["isMobile"])
  },
  data() {
    return {
      dialogVisible: false,
      text: `<template>
   <as-dropdown>
     <span>下拉菜单 <i class="el-icon-arrow-down"></i></span>
     <as-dropdown-menu slot="dropdown">
       <as-dropdown-item>看电影</as-dropdown-item>
       <as-dropdown-item>吃火锅</as-dropdown-item>
     </as-dropdown-menu>
   </as-dropdown>
 </template>`
    };
  }
};
</script>
